<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
<!-- <标签名 v-text="表达式"> </标签名>       -->
        <span v-text="user.name"></span> <br/>
        <span v-text="mesaage"></span> <br/>
<!--   v-html 通过data中的数据更新标签中的innerHTML属性的值        -->
        <span v-html="mesaage"></span>
    </div>
</body>
    <script type="text/javascript">
        new Vue({
            el:"#app",
            data:{
                mesaage:"<h1>这是一个h1</h1>",
                user: {
                    name: "老王",
                    age: 18,
                    color: "pink"
                }
            },
            methods:{

            }
        })
    </script>
</html>